<template>
  <div class="demo">
     <h2>学校名称:{{ schoolName | mySlice}}</h2> <!--使用自定义插件功能-->
     <h2>学校地址:{{ schooleAddress }}</h2>
     获取学校地址：<input type="text" v-fbind:value="schooleAddress"/>
     {{ x }} - {{ y }}
     <span @click="test">点击测试plugins方法</span>
   </div>
</template>

<script>
export default {
    name:"School",  //和vue-devtools工具展示的名称保持一致
    data:function(){
        return {
            schoolName:'武汉科技大学 襄阳研究院',
            schooleAddress:"武汉市武昌区"
        }
    },
    methods:{
        test:function(){
            this.sayHello()
        }
    }
}
</script>

<style>
.demo{
    background-color: rgb(235, 131, 5);
}

</style>